<template>
    <div class="header" style="height: 50px;overflow: hidden;">

        <dv-decoration-10 style="width:26%;height:5px;transform: translateY(-20px);" />
        <dv-decoration-8 :reverse="true"
            style="width:10%;height:80px;margin-right: 30px;transform: rotate(180deg) rotateX(180deg) translateY(20px);" />
        <div style="flex: 1;color: aliceblue;text-align: center;padding-top: 20px;font-weight: 700;font-size: 26px;">
        </div>
        <dv-decoration-8 style="width:10%;height:80px;transform:rotate(180deg) rotateX(180deg) translateY(20px);" />
        <dv-decoration-10 style="width:26%;height:5px;transform: rotate(180deg) translateY(20px);" />
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;


}
</style>